<template>
  <div>
    <div class="head-img">
      <el-image src="images/guotaiLOGO.jpg" fit="fill"></el-image>
      <p>企业名称：</p>
      {{ name }}
    </div>
    <el-menu
      background-color="#E8EDF0"
      active-text-color="#F37439"
      style="height: 450px"
      default-active="/report"
      router
    >
      <el-menu-item index="/report">
        <i class="el-icon-document-add"></i>
        <span>企业材料上报</span>
        <i class="el-icon-arrow-right"></i>
      </el-menu-item>

      <el-menu-item index="/query">
        <i class="el-icon-search"></i>
        <span>上报进度查询</span>
        <i class="el-icon-arrow-right"></i>
      </el-menu-item>
     
    </el-menu>
 
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
    };
  },
  methods: {

  },
  created() {
    this.bus.$on("name", (res) => {
      this.name = res;
    });
  },
};
</script>

<style >
.el-icon-arrow-right {
  margin-left: 30px;
}
.head-img {
  margin-bottom: 10px;
  padding: 40px;
  background-color: #e8edf0;
  font-size: 12px;
}
a {
  text-decoration: none;
}
</style>